<!-- 
  高阶组件向低阶组件传值
     vue2
       传 provide
           provide(){ return { 属性名:值 } }
       收 inject
          inject:{
            属性名:{type...}
          }

      vue3
         传：
            导入   import {provide} from 'vue'
            传值:  provide('属性名',值)
         收
            导入    import {inject} from 'vue'
            接收：  const xxx= inject('属性名',默认值(你不传时就使用，可以不写))
 -->
<script setup>
import { provide, ref } from 'vue'
import HmSon2 from './components/HmSon2.vue'
const money = ref(1000) // {value:1000}
provide('money', money)
const setMoney = val => {
  money.value = val
}
provide('setMoney', setMoney)
</script>

<template>
  <div class="app-page"></div>
  <HmSon2></HmSon2>
</template>

<style scoped></style>
